<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
	<f:view contentType="text/html">	
		<h:head>
                    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
                    <meta name="description" content=""/>
                    <meta name="keywords" content="" />
                    <meta name="author" content="" />
                    <link rel="stylesheet" type="text/css" href="css/default.css" media="screen" />
                    <title>Moto</title>	
                    <ui:insert name="head">

                    </ui:insert>                    
		</h:head>
	
		<h:body>
                    <div id="header">
                            <div class="center_wrapper">
                                    <div id="toplinks">
                                            <div id="toplinks_inner">
                                                    <a href="#{facesContext.externalContext.requestContextPath}/index.jsf">Home</a> | <a href="#">Privacidade</a> | 
                                                    <h:outputLink value="#{facesContext.externalContext.requestContextPath}/j_spring_security_logout">
                                                        <h:outputText value="Sair"/>
                                                    </h:outputLink>
                                            </div>
                                    </div>
                                    <div class="clearer"></div>

                                    <div id="site_title">
                                            <h1><a href="#">Emplode <span>Website Template</span></a></h1>
                                            <p>A free website template built using XHTML and CSS</p>
                                    </div>
                            </div>
                    </div>

                    <div id="navigation">
                            <div class="center_wrapper">
                                    <ul>
                                            <li class="current_page_item">
                                                <h:outputLink value="#{facesContext.externalContext.requestContextPath}/index.jsf">
                                                    <h:outputText value="Home"/>
                                                </h:outputLink>
                                            </li>
                                            <li>
                                                <h:outputLink value="#{facesContext.externalContext.requestContextPath}/amigos.jsf">
                                                    <h:outputText value="Amigos"/>
                                                </h:outputLink>
                                            </li>                                            
                                            <li>
                                                <h:outputLink value="#{facesContext.externalContext.requestContextPath}/buscar.jsf">
                                                    <h:outputText value="Buscar"/>
                                                </h:outputLink>
                                            </li>
                                    </ul>

                                    <div class="clearer"></div>
                            </div>
                    </div>

                    <div id="main_wrapper_outer">
                            <div id="main_wrapper_inner">
                                    <div class="center_wrapper">
                                            <div class="left" id="main">
                                                    <div id="main_content">
                                                            <ui:insert name="content">

                                                            </ui:insert>
                                                    </div>
                                            </div>

                                            <div class="right" id="sidebar">
                                                    <div id="sidebar_content">
                                                            <div class="box">
                                                                    <div class="box_title">Publicidade</div>

                                                                    <div class="box_content">
                                                                            Aenean sit amet dui at felis lobortis dignissim.
                                                                    </div>

                                                            </div>

                                                            <div class="box">
                                                                    <div class="box_title">Categories</div>

                                                                    <div class="box_content">
                                                                            <ul>
                                                                                    <li>
                                                                                        <h:outputLink value="#{facesContext.externalContext.requestContextPath}/perfil.jsf">
                                                                                            <h:outputText value="Perfil"/>
                                                                                        </h:outputLink>                                                                                        
                                                                                    </li>                                                                                    
                                                                                    
                                                                                    <li>
                                                                                        <h:outputLink value="#{facesContext.externalContext.requestContextPath}/index.jsf">
                                                                                            <h:outputText value="Recados"/>
                                                                                        </h:outputLink>                                                                                        
                                                                                    </li>
                                                                                    
                                                                                    <li><a href="http://templates.arcsin.se/category/wordpress-themes/">Minha moto</a></li>
                                                                                    <li><a href="#{facesContext.externalContext.requestContextPath}/album.jsf">Fotos</a></li>
                                                                                    <li><a href="http://templates.arcsin.se/category/blogger-templates/">Passeios</a></li>
                                                                            </ul>
                                                                    </div>

                                                            </div>

                                                            <div class="box">
                                                                    <div class="box_title">Fotos do dia</div>
                                                                    <div class="box_content">

                                                                            <div class="thumbnails">
                                                                                    <a href="#" class="thumb"><img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" /></a>
                                                                                    <a href="#" class="thumb"><img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" /></a>
                                                                                    <a href="#" class="thumb"><img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" /></a>
                                                                                    <a href="#" class="thumb"><img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" /></a>
                                                                                    <a href="#" class="thumb"><img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" /></a>
                                                                                    <a href="#" class="thumb"><img src="img/sample-thumbnail.jpg" width="75" height="75" alt="" /></a>

                                                                                    <div class="clearer"></div>
                                                                            </div>
                                                                    </div>
                                                            </div>
                                                    </div>
                                            </div>
                                            <div class="clearer"></div>
                                    </div>
                            </div>
                    </div>

                    <div id="dashboard">
                            <div id="dashboard_content">
                                    <div class="center_wrapper">

                                            <div class="col3 left">
                                                    <div class="col3_content">

                                                            <h4>Publicidade</h4>
                                                            <ul>
                                                                    <li><a href="#">Consequat molestie</a></li>
                                                                    <li><a href="#">Sem justo</a></li>
                                                            </ul>
                                                    </div>
                                            </div>

                                            <div class="col3mid left">
                                                    <div class="col3_content">

                                                            <h4>Publicidade</h4>
                                                            <ul>
                                                                    <li><a href="#">Semper fermentum</a></li>
                                                                    <li><a href="#">Sem justo</a></li>
                                                            </ul>
                                                    </div>
                                            </div>

                                            <div class="col3 right">
                                                    <div class="col3_content">
                                                            <h4>Publicidade</h4>
                                                            <ul>
                                                                    <li><a href="#">Semper lobortis</a></li>
                                                                    <li><a href="#">Consequat molestie</a></li>				
                                                            </ul>
                                                    </div>
                                            </div>

                                            <div class="clearer"></div>
                                    </div>
                            </div>
                    </div>

                    <div id="footer">
                            <div class="center_wrapper">

                                    <div class="left">
                                            2011 moto.com - Your Website Slogan
                                    </div>
                                    <div class="right">
                                            <p:ajaxStatus>
                                                    <f:facet name="start">
                                                            <h:graphicImage value="img/ajax-loader.gif" />
                                                    </f:facet>

                                                    <f:facet name="complete">
                                                            Status
                                                    </f:facet>
                                            </p:ajaxStatus>                                            
                                    </div>

                                    <div class="clearer"></div>
                            </div>
                    </div> 		
		</h:body>
	</f:view>
</html>